@charset "utf-8";
/* CSS Document */

/*
 *body的背景无实际意义，由于高度自适应，导致只有整个main只按最高高度填充背景。因此用于填充高度不足带来的底部无背景，来模拟自适应浏览器高度
 */
html,body{ background: #fbfbfb; font-family:Verdana, Geneva, sans-serif;}
/* header
~~~~~~~~~~~~*/
div.header{background:url(../images/mainPage/header_bg.png) repeat-x; width:100%; height:109px; position:relative;}
	div#right-bg{background:url(../images/mainPage/top_right_bg.jpg) no-repeat; width:225px; height:100%;
				position:absolute; top:1px; left:0;}
	div#left-bg{background:url(../images/mainPage/text.gif) no-repeat; width:254px; height:53px; 		
				position:absolute; left:240px; top:40px;}
				
/*页头信息样式
~~~~~~~~~~~~~~~~~~~~*/

div.page-mid{width:100%; height:41px; background:url(../images/mainPage/mid_right_bg.gif) repeat-x; position:relative;}
div.mid-left{background:url(../images/mainPage/mid_left_bg.gif) repeat-x; width:197px!important; position:relative; height:100%;}
div.mid-left-corner{background:url(../images/mainPage/mid_left_right_bg.gif) no-repeat top right; width:100%; height:100%;}
div.mid-mid{background:url(../images/mainPage/mid_right_left_bg.gif) no-repeat; width:30px; height:100%;
			position:absolute; top:0; left:197px;}

p.username{text-align:center; position:absolute; top:0; left:0; line-height:40px; width:100%; font-size:14px; color:#006f8c;}

/*页面标题样式
~~~~~~~~~~*/
p.page-title{text-align:center; height:35px; background:url(../images/line.gif) no-repeat bottom center;  font-size:12px; 
						  color:#666; letter-spacing:6px; margin-bottom:4px; line-height:20px;}
			
/*日期位置
~~~~~~~~~~~~*/
div.date{position:absolute; top:90px; right:20px; font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:12px;}

div.main{position:relative; height:100%; width:100%; margin-bottom:0;}

/*导航条样式
~~~~~~~~~~~~~~~~~~*/
div.nav-wrap{background:url(../images/mainPage/left_bg.png) repeat-y; width:197px; height:100%; position:absolute; left:0; top:0;}
ul.nav {width:100%; height:auto; position:relative; padding-top:30px; padding-left:35px;}
	ul.nav li {width:100%; height:31px; margin-bottom:2px; line-height:27px; background:url(../images/mainPage/fenge.gif) no-repeat left bottom;}
		ul.nav li a{font-size:14px; font-weight:bold; color:#fff; display:block; text-indent:36px; height:100%; width:100%;
					background:url(../images/mainPage/nav_li_bg.gif) no-repeat 13px 10px;}
		ul.nav a:hover{background:url(../images/mainPage/nav_move_bar.gif) no-repeat; color:#fff;}
		ul.nav li a.then{background:url(../images/mainPage/nav_hover_bg.gif) no-repeat; color:#2c94bc;}
		ul.nav li.last{background:none;}

/*版权所有*/
div.copyright{font-size:12px; color:#fff; text-align:center; width:100%; position:absolute; bottom:10px;}
		
/* 功能区域样式
~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
	
	div.content-wrap{ margin-left:197px; padding-top:15px; height:100%;}
	/*
	 * 由相对定位上移来是页面标题与页面可以放到一起，
	 */
	div.content{width:98%; height:100%; position:relative; margin-left:15px; top:-30px;}

	/*板块边框部分
	~~~~~~~~~~*/
		div.content-list{}
	
	/*基础宽度
	~~~~~~~~~~~*/
		div.col-wrap{width:100%; padding-bottom:170px; 
					background:url(../images/bottom_bg.gif) no-repeat 98% bottom;}
	
	
	/*板块标题样式
	~~~~~~~~~~~~*/	
		div.title-wrap,p.title{background:url(../images/listtitle-bg.gif) repeat-x; color:#fff; text-align:center; width:100%; height:28px;}
		div.title-wrap{background:#999; width:100%; height:25px; line-height:25px; font-size:12px; color:#287fa1;letter-spacing:6px;}
		
	/*链接样式
	~~~~~~~~~~~*/
		div.content-list ul{width:100%;}
		div.content-list ul li a,div.content-list ul.sysinfo li
		{color:#777; font-size:12px; display:block; width:100%; height:30px; line-height:30px; text-indent:10px;}
		div.content-list ul li{border-bottom:1px dashed #deeffb;}
		div.content-list ul li a:hover{background:#75c2e1; color:#fff;}
		
		div.content-list{margin-bottom:20px;}
		
	/*系统信息列表
	~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
		div.content-list ul.sysinfo li{width:100%;}
	
	div.clear{clear:both;}

/*
 ** 选择页面，将指引用户进行准确选择。
 ** select.php
 **
 */

	p.desc{color:#999; font-size:12px; white-space:10px; color:#09C; font-weight:bold; background:#f2f7f8; padding:5px; padding-left:20px;
			line-height:20px; margin:20px auto; letter-spacing:3px;}
	div.itemtitle{ height:50px;}
	div.itemtitle h3,ul.selectNav li a{ font-size:12px; font-weight:bold; color:#666; line-height:20px;}
	div.itemtitle h3{float:left; color:#09F; line-height:30px; margin-right:20px; font-size:12px;}
	ul.selectNav li {float:left; padding:5px 10px; height:20px; text-align:center; _width:90px;}
	ul.selectNav li a{display:block;height:100%;_width:100px;}
	ul.selectNav li a span{padding:0 7px; display:block; height:100%;}
	ul.selectNav li a:hover{background:url(../images/btn_block_3.gif) scroll left -40px; color:#09F;}
	ul.selectNav li a:hover span{background:url(../images/btn_block_3.gif) scroll right -60px; cursor:pointer;}
	ul.selectNav li.current a,ul.selectNav li.current a:hover{background:url(../images/btn_block_3.gif) left 0; color:#fff;}
	ul.selectNav li.current a span,ul.selectNav li.current a:hover span
				{background:transparent url(../images/btn_block_3.gif) no-repeat right -20px;color:#FFFFFF; cursor:pointer;}
	
/*
 **
 **	活动作业页面。
 **	显示作业所属课程，任教老师，课业名称，发布时间，结束时间，
 **	从作业链接到达核心页面
 ** active.php
 */
	
	img.click-bg{position:absolute; right:20px; top:-10px;}
	table.sortTable{width:100%;}
	table.sortTable thead tr th,table.sortTable tr td{ text-align:left; border:1px solid #e6eeee;
				font-size:12px; overflow:hidden; white-space:nowrap; color:#333;}
	/*附加在标题的p标签是为了扩充区域，强制一行与溢出隐藏是为了ie而写的*/
	table.sortTable thead tr p{margin:1px; border:1px solid #fff; padding:5px; color:#fff; white-space:nowrap; overflow:hidden;}
	/*标题拥有鼠标手势样式，为了模拟按钮*/
	table.sortTable thead tr .header{background:url(../images/listtitle-bg.gif) 0 0; cursor:pointer;}
	/*正序的样式背景，用来提醒用户知道自己做了什么*/
	table.sortTable thead tr .headerSortUp {background-position: 0 -28px;}
	/*逆序的样式背景*/
	table.sortTable thead tr .headerSortDown {background-position:0 -56px ;}
	/*防止单元格无背景*/
	table.sortTable tbody tr{background:#fbfbfb;}
	table.sortTable tbody tr td{ white-space:normal; overflow:hidden; vertical-align:middle; height:50px; padding-left:10px;}
	/*链接样式，显得尽量大*/
	table.sortTable tbody tr a{color:blue;}
	table.sortTable tbody tr a:hover{ text-indent:0; color:red;}
        /*表格标题*/
        table caption p{ font-size:12px; padding:5px; color:#2c9ebf;}

/*
 **
 **	作业的核心页面。
 **	显示作业所属课程，任教老师，
 **	课业要求，开始、结束时间。
 **	提供上传与下载，作业评判
 ** handin.php
 */
 
div.assignment{ width:100%; padding-top:20px; min-height:200px; height:auto;}
	/*作业信息与历史记录使用浮动布局，溢出隐藏来防止换行*/
	div.assign-left,div.assign-right{ float:left; width:25%; overflow:hidden; position:relative; z-index:2;}
	div.assign-left{background:url(../images/core/assign_bg.gif) no-repeat; margin-right:5%;width:70%; _width:67%;}
	/*作业标题，利用margin-left使其向右移动，以此来与背景图片融洽*/
	h1.assign-title{ margin-top:43px; margin-left:200px; border-bottom:1px solid #11749e; height:27px; line-height:25px; text-indent:20px;
					color:#11749e; font-size:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	/*作业的所在课程与任教老师*/				
	p.assign-info{font-size:12px; margin-left:150px; line-height:25px;}
	p.assign-info span{margin-right:30px; color:#666;}
	/*此处是显示作业简介的地方*/
	div.assign-request,p.remark-text{padding:10px; padding-top:20px; line-height:2em; color:#666;
						text-indent:2em; font-size:13px; border-bottom:1px dashed #666;}
	/*定位作业时间为居中，红色边框*/
	p.assign-time{ width:90%; margin:50px auto; text-align:center; color:#F00; border:1px dotted #999;}
	p.assign-time span{margin:0 20px;}
	/*右边的历史作业区域，该区域用了很大的上边距和上填充来显示  作业百分比和背景图片*/
	div.assign-right{ background:url(../images/core/history_bg.gif) no-repeat 0px 110px;}
	div.assign-history{ padding:10px; padding-top:80px; margin-top:110px;}
	/*作业链接将直接导致下载事件*/
	div.assign-history ul li{ height:30px; margin-bottom:4px; font-size:12px; width:200px;}
	div.assign-history ul li a{ display:block; height:100%; width:100%; background:#f8f8f8; line-height:30px; text-indent:20px; color:#666;}
	div.assign-history ul li a:hover{color:#f8f8f8; background:#666;}
	/*此处是上交百分比，如果次数等于颜色会变红，同时出发 隐藏 上传按钮 的事件*/
	p.percent{position:absolute; font-size:100px; color:#ebecec; top:0px; left:20px; text-align:center;}
	p.percent span#f{color:#CCC;}
	p.upload{position:relative; width:90%;}
	a#download{ position:absolute; right:0; top:0;}
	span#uploadSuccess{position:absolute; display:block; width:160px; top:0; left:50%; margin-left:-50px; color:red; display:none;}
	/*留言区域*/
	div.remark-wrap{padding:10px; padding-top:0; position:relative; margin-top:20px; font-size:12px; overflow:visible;}
	p.remark-title{color:#09C; font-size:25px; margin:10px; text-align:center;}
	div.remark {border:1px solid #999; margin-bottom:10px; background:#fbfbfb;}
	p.remark-user,p.remark-text{ padding:5px; border:0; margin:2px;}
        p.remark-user{background:url(../images/20081124134923596.png) no-repeat 5px center; text-indent:2em;}
	p.remark-user span{ margin:1px 5px;}
	p.remark-user span a{color:blue;}
	p.remark-user span a:hover{color:red;}
	/*留言板*/
	form#message{padding:20px; background:#f5f5f5;border:1px solid #999;}
	textarea#comment{color:#111; padding:10px;width:80%; border:1px solid #09C; font-size:14px; text-indent:4em; line-height:2em;}
	input.submit{ background:#ececec; border-width:1px; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); cursor:pointer; margin-top:20px; padding:2px 10px;}
	/*确保区分老师与学生留言而定的颜色*/
	div.student p.remark-text{background:#f3f6fa;}
	div.teacher p.remark-text{background:#fff3f4;}
	div.remark-past p.remark-text{background:#3C9;}
	
/*
 ** 老师添加作业。
 ** arrange.php
 **
 */
div.arrange label{display:block; padding:5px; color:#444; font-size:12px; font-weight:bold; background:#fbfbf; margin:5px;}
	div.arrange input.text,div.arrange textarea{ width:100%; padding:5px; font-size:14px;}
	div.arrange select{width:100%; padding:2px;}
	div.arrange p.butBlock{padding-top:30px;}
	div.floatdiv{float:left; width:40%; margin-top:20px; border-top:1px dashed #CCC;}
	div.lastfloat{padding-left:20px; border-left:1px dashed #CCC}
	/*jui-datepicker-样式修改*/
	input.hasDatepicker{float:left; margin-right:5px;}
 	div#ui-datepicker-div{font-size:12px;}
	img.ui-datepicker-trigger{cursor:pointer; display:block;}
 
 /*
 ** 课业下载页面
 ** 
 **
 */

div.assign-update{background-image:url(../images/core/update_bg.gif);}
	ul.lookstudent li , div.downclass p{line-height:30px; font-size:12px; color:#999;}
	ul.lookstudent li{float:left; width:100px; height:30px; }
	ul.lookstudent li a , div.downclass p span{ margin:0 10px;}
	ul.lookstudent a{color:blue; text-decoration:underline;}
	ul.lookstudent a:hover{color:#00f;}
	div.downclass{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #999;}
 	p.button{text-align:right;}
	
/*
** manageform
**
**
*/
input.text,select{border:1px solid #333;backgroundColor:#f9f9f9; height:1.78em; padding-top:2px;}
select{width:200px;}
div.manageform{padding-bottom:20px; border-bottom:1px dashed #999; position:relative;}
div.manageform input.text,div.manageform select{width:200px;}
form.float-form{float:left; width:45%;}
optgroup option{padding-left:10px;}
p.radio{font-size:12px; padding:5px;}
p.radio input{margin:0 5px;}
/*
**search表单
*/

div.search,form.syllabus{padding:5px 0 5px 0; margin-top:-10px; padding-bottom:20px; font-size:12px; color:#666;}
div.search label{margin-right:20px;}
div.search select{padding:1px; margin-right:20px;}
p.control{margin:10px;}
p.control a{font-size:12px; margin-right:20px; color:blue; text-decoration:underline;}
p.control a:hover{color:red;}

/*课表*/
form.syllabus input.text,form.syllabus select{margin-right:10px;}
select.syllabus_input{display:none;}
/*添加课程*/
ul.addcourse li.title p{width:180px; float:left; height:30px; line-height:30px; border-bottom:1px dotted #CCC;}
ul.addcourse li{clear:both; margin-bottom:10px;}
a#addnewcourse{color:#093; display:block; width:200px; height:50px; padding-left:22px; line-height:50px; background:url(../images/addcourse.gif) no-repeat left center;}
a#addnewcourse:hover{color:#F33;}

/*su.php 结果页*/
ul.result li,ul.result li.resulttitle{font-size:12px; height:30px; line-height:30px; margin-left:10px;
									  border-bottom:1px dotted #CCC; float:left; width:30%; 
									  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
ul.result li.resulttitle{border-bottom:1px dotted #09F; height:40px; line-height:40px; font-weight:bold;}
div.getsyllabus form td select{width:90%;}

/*
 * 错误信息定位
 */
div#error{position:absolute; font-size:20px; font-family:Verdana, Geneva, sans-serif; height:70px; 
           line-height:70px;  text-align:center; width:200px; left:50%; margin-left:-10px; color:#333;
           top:40%; background:#f8f8f8; border:1px solid black;}

/*学期激活*/
div.current-year{position:absolute; left:30%; top:0; width:40%; font-size:12px;}

